// 重置tab图标
.tabs-md .tab-button-text
{
  font-size: px2rem(23.78);
}
// 底部导航栏
ion-tabs{
  .show-tabbar {
    @include office-transition(bottom,.4s,cubic-bezier(0, 0, 0.58, 1.0));

    height: px2rem(98);
    background-color: $office-white;
    color: $office-light-black-six;
    border-color: $office-light-black-nine;

    .tab-button{
      max-width: 100%;
      min-height: 100%;
    }
    /* 相同的样式
    */
    .tabs-icon-common {
      height: px2rem(44);
      margin: px2rem(14) 0 0 0;
      width: 100%;
      background-size: contain !important;
    }
    .tab-button-common{
      font-size: px2rem(23.78);
    }
    /* 借款
    */
    a.tab-button:nth-child(1) {
      ion-icon {
        background: url("../assets/img/tabs/borrow-money-disable.svg") no-repeat center;
        @extend .tabs-icon-common;
      }
      @extend .tab-button-common;
    }
    /* 还款
    */
    a.tab-button:nth-child(2) {
      ion-icon {
        background: url("../assets/img/tabs/give-back-disable.svg") no-repeat center;
        @extend .tabs-icon-common;
      }
      @extend .tab-button-common;
    }
    /* 我的
    */
    a.tab-button:nth-child(3) {
      ion-icon {
        background: url("../assets/img/tabs/mine-disable.svg") no-repeat center;
        @extend .tabs-icon-common;
      }
      @extend .tab-button-common;
    }

    /* 修改激活 字体颜色+样式
    */
    .tab-button[aria-selected=true] {
      color: $office-default;
      /* 借款
      */
      &:nth-child(1) {
        ion-icon {
          background-image: url("../assets/img/tabs/borrow-money-active.svg");
        }
      }
      /* 还款
      */
      &:nth-child(2) {
        ion-icon {
          background-image: url("../assets/img/tabs/give-back-active.svg");
        }
      }
      /* 我的
      */
      &:nth-child(3) {
        ion-icon {
          background-image: url("../assets/img/tabs/mine-active.svg");
        }
      }
    }
  }

}
// 新增层级覆盖原来的tab元素
@mixin tab_button_style()
{
  background-color: transparent;
  width: px2percent(250);
  height: px2rem(98);
  position: fixed;
  bottom: 0;
  z-index: 200;
}
button.tabMine
{
  @include tab_button_style;
  right: 0;
}
